@include b('image-preview-modal') {
    width: 100%;
    height: 100%;
    padding: getCssVar('spacing', 'base');

    @include e('container') {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            padding: getCssVar('spacing', 'loose');
        }

    }

}

.ibiz-modal:has(.#{bem('image-preview-modal')}) .el-dialog__headerbtn {
    top: getCssVar('spacing', 'base');
    right: 0;
    border-color: transparent;

    .el-dialog__close {
        font-size: getCssVar('font-size', 'header-3');
        color: getCssVar('color', 'text', '3');
    }
}